{{define "index/index.html"}}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>{{.title}}</title>
    <link rel="stylesheet" href="static/css/semantic.css" media="screen" title="no title" charset="utf-8">
  </head>
  <body>
    <div class="ui inverted vertical  ">
      <div class="ui fluid image">
         <img src="static/images/banner.jpg" alt=""/>
      </div>
    </div>

    <div class="ui  vertical  segment">
      <div class="ui container segment">
        <a href="#" class="ui blue right ribbon label">life</a>
        <h1 class="ui header">
          First web
        </h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <button type="button" name="button" class="ui inverted blue button">Read more</button>
      </div>

      <div class="ui container segment">
        <a href="#" class="ui red right ribbon label">tech</a>
        <h1 class="ui header">
          First web
        </h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <button type="button" name="button" class="ui inverted blue button">Read more</button>
      </div>

      <div class="ui container segment">
        <a href="#" class="ui green right ribbon label">news</a>
        <h1 class="ui header">
          First web
        </h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <button type="button" name="button" class="ui inverted blue button">Read more</button>
      </div>
	  <div class="ui container segment">
        <a href="#" class="ui green right ribbon label">news</a>
        <h1 class="ui header">
          First web
        </h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        <button type="button" name="button" class="ui inverted blue button">Read more</button>
      </div>
    </div>

    <div class="ui inverted vertical very padded segment">
      xyxpractice@
    </div>
  </body>
</html>
{{end}}